<template>
  <div class="profile-edit-fields">
    <form-gender class="field" />
    <form-tags class="field" />
    <form-living class="field" />
    <form-vocation class="field" />
    <form-company class="field" />
    <form-bio class="field" />
  </div>
</template>

<script>
import FormGender from '@/views/users/edit/components/form-gender';
import FormTags from '@/views/users/edit/components/form-tags';
import FormLiving from '@/views/users/edit/components/form-living';
import FormVocation from '@/views/users/edit/components/form-vocation';
import FormCompany from '@/views/users/edit/components/form-company';
import FormBio from '@/views/users/edit/components/form-bio';

export default {
  name: 'profile-edit-fields',
  components: {
    FormGender,
    FormTags,
    FormLiving,
    FormVocation,
    FormCompany,
    FormBio,
  },
};
</script>

<style lang="scss">
.profile-edit-fields {
  margin-top: 10px;
  padding-bottom: 100px;
}
.field {
  padding: 20px 0;
  border-bottom: 1px solid #ebebeb;

  .el-form-item__content { padding-right: 64px; }
}
.nickname-field.field {
  border-bottom: 0;
  padding-top: 14px;
  padding-bottom: 0;
}
</style>
